<html>

<head>
    <link rel="stylesheet" href="../../normalize.css">
    <link rel="stylesheet" href="../../index.css">
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>

<body>
    <div id="app">
        <my-comp data-title="learn vue" class="mycls" style="color:red;"></my-comp>
    </div>
    <script>
        Vue.component('my-comp', {
            template: '<div>我是组件</div>'
        });
        let vm = new Vue({
            el: '#app'
        });
        console.log(vm)
        console.log(vm.$attrs)
        //data-title，class，style就是非prop属性，无需定义相应的prop，这些属性都会被添加到组件的 (根元素) 上。
    </script>

</body>

</html>